<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子商城首页</title>
    <!--引入样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">

    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="../lib/plugins/slider/css/slider.css">
    <!--引入当前文件样式-->
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!--头部head-->
    <section id="head" class="head">
        <div id="headTop" class="head-top">
            <div class="head-top-text container">
                <img src="../imgs/logo.jpg" alt="">
                <span>legochina.cn</span>
                <span class="fr">欢迎光临乐购，请 <a href="./sign.html">登陆</a>\<a href="./register.html">注册</a></span>
            </div>
        </div>
        <div class="head-bom container clearfix">

            <div class="fr clearfix">
                <input class="searchbox" type="text" placeholder="创意文具"><button></button>
                <p class="cart"><span>&emsp;购物车</span></p>
                <p>我的订单</p>
            </div>
            <ul class="nav fr">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>运动户外</li>
                <li>孕婴童</li>
                <li>家居</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </section>
    <!--导航分类 categoryBanner-->
    <section id="categoryBanner" class="categoryBanner container clearfix">


        <ul class="category fl">
            <li class="category-item">
                <p class="link-wrap"> <a class="category-link" href="./producelist.html">图书</a>、
                    <a class="category-link" href="./producelist.html">电子书</a>、
                    <a class="category-link" href="./producelist.html">童书</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">创意文具</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">服饰</a>、
                    <a class="category-link" href="">内衣</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">鞋靴</a>、
                    <a class="category-link" href="">箱包</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">运动户外</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href=""> 孕</a>、
                    <a class="category-link" href=""> 婴</a>、
                    <a class="category-link" href=""> 童</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家居</a>、
                    <a class="category-link" href="">家纺</a>、
                    <a class="category-link" href="">汽车</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家具</a>、
                    <a class="category-link" href="">家装</a>、
                    <a class="category-link" href="">康体</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">美妆</a>、
                    <a class="category-link" href="">个人护理</a>、
                    <a class="category-link" href="">成人</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">食品</a>、
                    <a class="category-link" href="">茶酒</a>、
                    <a class="category-link" href="">生鲜</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">腕表</a>、
                    <a class="category-link" href="">珠宝</a>、
                    <a class="category-link" href="">眼镜</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">手机</a>、
                    <a class="category-link" href="">数码</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">电脑办公</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家用电器</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>


        </ul>

        <div class="pptbox banner fr" id="banner">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src=" ../lib/plugins/slider/imgs/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <!-- 下边的小圆圈 -->
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <!-- 左右箭头 -->
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </section>
    <!--推荐recommend-->
    <section id="recommed" class="recommed container clearfix">
        <div class="common-title clearfix">
            <h2 class="title fs24 colorf60">乐购·今日推荐</h2>

        </div>
        <ul class="recommend-list clearfix">
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_05.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="sale">全国联保 一年免费包换</p>
                    <span class="price">￥：299</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
            <li class="recommend-item">
                <img src="../imgs/index06_11.jpg" alt="">
                <div class="item-text">
                    <img src="../imgs/index05_18.jpg" alt="">
                    <p class="introduce">小熊家用静音加湿器</p>
                    <p class="sale">唯美外观 微米级喷雾</p>
                    <span class="price">￥:89</span>
                </div>
            </li>
        </ul>
    </section>
    <!--图书电子书ebook-->
    <section id="ebook" class=" floor ebook container clearfix">
        <div class="ebook-left fl">
            <div class="common-title clearfix">
                <h2 class="title fs28 fl">图书 电子书</h2>
                <ul class="fr">
                    <li class="table-title active fl fs24">最新上架</li>
                    <li class="table-title fl fs24">独家畅销</li>
                    <li class="table-title fl fs24">电子书</li>
                </ul>
            </div>
            <div class="content">
                <div class="content-item current">
                    <!-- 上面内容部分 -->
                    <div class="top-con clearfix">
                        <!-- 左 -->
                        <div class="con-left fl">
                            <img src="../imgs/index7_07.jpg" alt="">
                            <ul class="book-list clearfix">
                                <li class="book-link fl"><a href="./producelist.html">中小学教辅</a></li>
                                <li class="book-link fl"><a href="./producelist.html">外语</a></li>
                                <li class="book-link fl"><a href="./producelist.html">考试</a></li>
                                <li class="book-link fl"><a href="./producelist.html">小说</a></li>
                                <li class="book-link fl"><a href="./producelist.html">文学</a></li>
                                <li class="book-link fl"><a href="./producelist.html">青春文学</a></li>
                                <li class="book-link fl"><a href="./producelist.html">成功\励志</a></li>
                                <li class="book-link fl"><a href="./producelist.html">管理</a></li>
                                <li class="book-link fl"><a href="./producelist.html">历史</a></li>
                                <li class="book-link fl"><a href="./producelist.html">哲学\宗教</a></li>
                                <li class="book-link fl"><a href="./producelist.html">亲子\家教</a></li>
                                <li class="book-link fl"><a href="./producelist.html">全部分类></a></li>
                            </ul>
                        </div>
                        <!-- 中 -->
                        <div class="con-center fl">
                            <!-- 上面的轮播 -->
                            <div class="pptbox ebook-slider">
                                <!-- 图片的盒子 -->
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo4.jpg" />
                                        </a>
                                    </li>

                                </ul>
                                <!-- 下边的小圆圈 -->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>

                                </ul>
                                <!-- 左右箭头 -->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--下面的图片-->
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                            </ul>
                        </div>
                        <!--右-->
                        <div class="con-right fl">
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href="./producedetails.html"><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>

                            </ul>
                        </div>

                    </div>


                </div>
                <div class="content-item ">
                    <!-- 上面内容部分 -->
                    <div class="top-con clearfix">
                        <!-- 左 -->
                        <div class="con-left fl">
                            <img src="../imgs/index7_07.jpg" alt="">
                            <ul class="book-list clearfix">
                                <li class="book-link fl"><a href="">中小学教辅</a></li>
                                <li class="book-link fl"><a href="">外语</a></li>
                                <li class="book-link fl"><a href="">考试</a></li>
                                <li class="book-link fl"><a href="">小说</a></li>
                                <li class="book-link fl"><a href="">文学</a></li>
                                <li class="book-link fl"><a href="">青春文学</a></li>
                                <li class="book-link fl"><a href="">成功\励志</a></li>
                                <li class="book-link fl"><a href="">管理</a></li>
                                <li class="book-link fl"><a href="">历史</a></li>
                                <li class="book-link fl"><a href="">哲学\宗教</a></li>
                                <li class="book-link fl"><a href="">亲子\家教</a></li>
                                <li class="book-link fl"><a href="">全部分类></a></li>
                            </ul>
                        </div>
                        <!-- 中 -->
                        <div class="con-center fl">
                            <!-- 上面的轮播 -->
                            <div class="pptbox ebook-slider">
                                <!-- 图片的盒子 -->
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo4.jpg" />
                                        </a>
                                    </li>

                                </ul>
                                <!-- 下边的小圆圈 -->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>

                                </ul>
                                <!-- 左右箭头 -->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--下面的图片-->
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                            </ul>
                        </div>
                        <!--右-->
                        <div class="con-right fl">
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>

                            </ul>
                        </div>

                    </div>


                </div>
                <div class="content-item ">
                    <!-- 上面内容部分 -->
                    <div class="top-con clearfix">
                        <!-- 左 -->
                        <div class="con-left fl">
                            <img src="../imgs/index7_07.jpg" alt="">
                            <ul class="book-list clearfix">
                                <li class="book-link fl"><a href="">中小学教辅</a></li>
                                <li class="book-link fl"><a href="">外语</a></li>
                                <li class="book-link fl"><a href="">考试</a></li>
                                <li class="book-link fl"><a href="">小说</a></li>
                                <li class="book-link fl"><a href="">文学</a></li>
                                <li class="book-link fl"><a href="">青春文学</a></li>
                                <li class="book-link fl"><a href="">成功\励志</a></li>
                                <li class="book-link fl"><a href="">管理</a></li>
                                <li class="book-link fl"><a href="">历史</a></li>
                                <li class="book-link fl"><a href="">哲学\宗教</a></li>
                                <li class="book-link fl"><a href="">亲子\家教</a></li>
                                <li class="book-link fl"><a href="">全部分类></a></li>
                            </ul>
                        </div>
                        <!-- 中 -->
                        <div class="con-center fl">
                            <!-- 上面的轮播 -->
                            <div class="pptbox ebook-slider">
                                <!-- 图片的盒子 -->
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../imgs/booklunbo4.jpg" />
                                        </a>
                                    </li>

                                </ul>
                                <!-- 下边的小圆圈 -->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>

                                </ul>
                                <!-- 左右箭头 -->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--下面的图片-->
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                            </ul>
                        </div>
                        <!--右-->
                        <div class="con-right fl">
                            <ul class="clearfix right-ul">
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>
                                <li class="right-list  fl">
                                    <a href=""><img src="../imgs/booklist1.jpg" alt=""></a>
                                    <p><span class="text1">￥：49</span> <span class="text2">￥：79</span> </p>
                                </li>

                            </ul>
                        </div>

                    </div>


                </div>
            </div>
        </div>
        <div class="ebook-rank fr">
            <h2 class="title fs24 tcenter">新书畅销榜</h2>
            <ul class="rank-ul">
                <li class="rank-item active2">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="rank-item ">
                    <span class="order-num">1</span>
                    <p class="book-title">就喜欢你看不惯我 又干不</p>
                    <div class="book-box clearfix">
                        <img src="../imgs/index08_05.jpg" alt="" class="fl">
                        <p class="desc">
                            从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!--服装 clothing -->
    <section id="clothing" class=" floor clothing container mt40 ">
        <div class="common-title clearfix">
            <h2 class="title fs28 fl">服装</h2>
            <ul class="fr">
                <li class="table-title active fl fs24">女装内衣</li>
                <li class="table-title fl fs24">热销男装</li>
                <li class="table-title fl fs24">精品鞋靴</li>
            </ul>
        </div>
        <div class="content">
            <div class="content-item current">
                <!--女装内衣区域-->

                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/index7_17.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">防晒品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">短裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">功能箱包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">奢侈品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="./producedetails.html">
                                        <img src="../imgs/clothinglunbo0.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="./producedetails.html">
                                        <img src="../imgs/clothinglunbo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="./producedetails.html">
                                        <img src="../imgs/clothinglunbo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="./producedetails.html">
                                        <img src="../imgs/clothinglunbo3.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_05.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_05.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_05.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_11.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_11.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/index100_11.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href="./producelist.html"><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>


                <!--精品鞋靴区域-->
                <div></div>

            </div>
            <div class="content-item">
                <!--热销男装区域-->
                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/clothinglist7.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">防晒品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">短裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">功能箱包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">奢侈品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/clothingman1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/clothingman2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/clothingman3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/clothingman4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/clothinglist1.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/clothinglist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/clothinglist3.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/clothinglist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/clothinglist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/clothinglist6.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>
            </div>
            <div class="content-item">
                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/shootslist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun1.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist7.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>
            </div>
        </div>

    </section>
    <!--户外运动 sport-->
    <section id="sport" class=" floor sport container mt40">
        <div class="common-title clearfix">
            <h2 class="title fs28 fl">户外运动</h2>
            <ul class="fr">
                <li class="table-title active fl fs24">国际名品</li>
                <li class="table-title fl fs24">户外装备</li>
                <li class="table-title fl fs24">运动潮流</li>
            </ul>
        </div>
        <div class="content">
            <div class="content-item current">
                <!--国际名品区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/internationallist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">防晒品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">短裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">功能箱包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">奢侈品</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">男鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女包</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">女鞋</a></li>
                            <li class="produce-link fl"><a href="./producelist.html">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/internationallubo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/internationallubo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/internationallubo3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/internationallubo4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/internationallist6.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href="./producelist.html"><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href="./producelist.html"><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>



            </div>

            <div class="content-item">
                <!--户外装备区域-->
                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/sportlist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun1.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/sportlist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/sportlist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/sportlist3.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/sportlist2.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/sportlist2.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/sportlist2.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>

            </div>

            <div class="content-item">
                <!--运动潮流-->
                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/shootslist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun1.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shootslist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shootslist7.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </section>
    <!--童装 children-->
    <section id="children" class=" floor  children container mt40">
        <div class="common-title clearfix">
            <h2 class="title fs28 fl">童装 童鞋 婴儿装</h2>
            <ul class="fr">
                <li class="table-title active fl fs24">儿童服装</li>
                <li class="table-title fl fs24">婴儿装</li>
                <li class="table-title fl fs24">小潮童鞋</li>
            </ul>
        </div>
        <div class="content">
            <!--儿童服装-->
            <div class="content-item current">

                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/childrenlist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/childrenlunbo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/childrenlunbo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/childrenlunbo3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/childrenlunbo4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/childrenlist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/childrenlist3.png"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/childrenlist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/childrenlist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/childrenlist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/childrenlist7.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>



            </div>
            <!--婴儿装区域-->
            <div class="content-item">

                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/babylist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/babylunbo.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/babylist2.jpg" alt=""></a>
                            </li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/babylist2.jpg" alt=""></a>
                            </li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/babylist2.jpg" alt=""></a>
                            </li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/babylist3.jpg" alt=""></a>
                            </li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/babylist3.jpg" alt=""></a>
                            </li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/babylist4.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>

            </div>
            <!--小潮童鞋-->
            <div class="content-item">

                <!--上面内容区域-->
                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-left fl">
                        <img src="../imgs/shootslist1.jpg" alt="">
                        <ul class="produce-list clearfix">
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">防晒品</a></li>
                            <li class="produce-link fl"><a href="#">短裤</a></li>
                            <li class="produce-link fl"><a href="#">冰丝内裤</a></li>
                            <li class="produce-link fl"><a href="#">男包</a></li>
                            <li class="produce-link fl"><a href="#">功能箱包</a></li>
                            <li class="produce-link fl"><a href="#">蕾丝衬衫</a></li>
                            <li class="produce-link fl"><a href="#">奢侈品</a></li>
                            <li class="produce-link fl"><a href="#">男鞋</a></li>
                            <li class="produce-link fl"><a href="#">女包</a></li>
                            <li class="produce-link fl"><a href="#">女鞋</a></li>
                            <li class="produce-link fl"><a href="#">全部分类></a></li>
                        </ul>
                    </div>
                    <!--中区域-->
                    <div class="con-center fl">
                        <div class="pptbox slider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shoeslunbo.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../imgs/shootslun4.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href=""><img src="../imgs/index11_08.jpg" alt=""></a>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shoeslist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shoeslist3.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="#"><img src="../imgs/shoeslist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shoeslist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shoeslist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="#"><img src="../imgs/shoeslist7.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!--下面内容区域-->
                <div class="bom-con ">
                    <a href=""><img src="../imgs/index15_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/index15_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_11.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_12.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_13.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_14.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_15.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_16.jpg" alt=""></a>
                    <a href=""><img src="../imgs/logo13_17.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </section>
    <!--家居用品 household-->
    <section class=" floor household container mt40 ">
        <div class="common-title clearfix">
            <h2 class="title fs28 fl">家居日用</h2>
        </div>
        <div class="content">

            <div class="content-item current">

                <div class="top-con clearfix">
                    <!--左区域-->
                    <div class="con-center fl">
                        <div class="pptbox " id="household">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="./producelist.html">
                                        <img src="../imgs/householdlunbo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="./producelist.html">
                                        <img src="../imgs/householdlunbo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="./producelist.html">
                                        <img src="../imgs/householdlunbo3.jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>


                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <!--右区域-->
                    <div class="con-right fl">
                        <ul class="right-list fl">
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist2.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist3.png"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist4.jpg"
                                        alt=""></a></li>
                            <li class="height340 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist4.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist5.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist6.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist7.jpg"
                                        alt=""></a></li>
                            <li class="height160 right-link fl"><a href="./producelist.html"><img src="../imgs/childrenlist7.jpg"
                                        alt=""></a></li>
                        </ul>
                    </div>
                </div>



            </div>
    </section>
    <!--推广商品 goods-->
    <section id="goods" class="goods container mt40">
        <div class="common-title clearfix">
            <h2 class="title fs28 fl">推广商品</h2>
            <ul class="fr">
                <li class="table-title active fl fs24"></li>
                <li class="table-title fl fs24"></li>
            </ul>
        </div>
        <div class="content">
            <div class="content-item ">
                <ul class="goods-list clearfix">
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods1.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="content-item current">
                <ul class="goods-list clearfix">
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href="./producelist.html"><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>
                    <li class="goods-link fl">
                        <div>
                            <a href=""><img src="../imgs/goods2.jpg" alt="">
                                <p class="goods-text">自营家居爆款满200减60</p>
                                <span>￥：299</span>
                                <p class="goods-text">已有987人评论</p>
                            </a>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </section>
    <!--页尾 footer-->
    <section id="footer" class="footer">
        <div class="footer-top">
            <ul class="after-service clearfix container">
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_11.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_13(1).png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_15.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_17.png" alt=""></a>
                </li>
            </ul>

        </div>
        <div class="footer-bom container clearfix">
            <ul>

                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">购物指南</p>
                    <a class="footer-bom-link" href="">购物流程</a><br>
                    <a class="footer-bom-link" href="">发票制度 </a><br>
                    <a class="footer-bom-link" href="">账户管理</a><br>
                    <a class="footer-bom-link" href=""> 会员优惠</a>
                </li>

                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">支付方式</p>
                    <a class="footer-bom-link" href="">货到付款</a><br>
                    <a class="footer-bom-link" href="">网上支付</a><br>
                    <a class="footer-bom-link" href="">礼品卡支付</a><br>
                    <a class="footer-bom-link" href="">银行转帐</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">订单服务</p>
                    <a class="footer-bom-link" href="">订单配送查询</a><br>
                    <a class="footer-bom-link" href="">订单状态说明</a><br>
                    <a class="footer-bom-link" href="">自助取消订单</a><br>
                    <a class="footer-bom-link" href="">自助修改订单</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">退换货</p>
                    <a class="footer-bom-link" href="">退换货政策</a><br>
                    <a class="footer-bom-link" href="">自助申请退换货</a><br>
                    <a class="footer-bom-link" href="">退换货进度查询</a><br>
                    <a class="footer-bom-link" href="">退款方式和时间</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">"商家服务</p>
                    <a class="footer-bom-link" href="">商家中心</a><br>
                    <a class="footer-bom-link" href=""> 运营服务</a><br>
                    <a class="footer-bom-link" href="">加入尾品汇</a>
                </li>





            </ul>
            <img class="fr" src="../imgs/logo_00.png" alt="">
        </div>
        <p class="footer-list  container">
            <a class="footer-link" href=""> 公司简介 |</a>
            <a class="footer-link" href=""> Investor Relations | </a>
            <a class="footer-link" href=""> 网站联盟 |</a>
            <a class="footer-link" href=""> 乐购招商 |</a>
            <a class="footer-link" href=""> 机构销售 |</a>
            <a class="footer-link" href=""> 手机乐购 |</a>
            <a class="footer-link" href=""> 官方Blog |</a>
            <a class="footer-link" href=""> 热词搜索</a>
        </p>
        <p class="license container">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </section>
    <!--楼层导航-->
    <ul class="floor-nav">
        <li class="nav-item bg1"><span>图书</span> </li>
        <li class="nav-item bg2"><span>服装</span> </li>
        <li class="nav-item bg3"><span>运动</span> </li>
        <li class="nav-item bg4"><span>童装</span> </li>
        <li class="nav-item bg5"><span>家居</span> </li>
    </ul>
    <!--领卷中心-->
    <ul class="coiling-center">
        <li class="center-nav1"></li>
        <li class="center-nav2"><span></span></li>
        <li class="center-nav3"></li>
        <li class="center-nav4"></li>
    </ul>
    <!-- 顶部搜索框 -->
    <div class="topsearch">
        <div class="container">

            <div class="searchbox">

                <input type="text" placeholder="创意文具"><button></button>
            </div>
        </div>
    </div>
    <!--引入轮播插件  注意要先引入jQuery库-->
    <script src="../lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="../lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>